<template>
  <up-popup
    :show="show"
    @close="close"
    mode="center"
    bgColor="transparent"
    :safeAreaInsetBottom="false"
  >
    <view class="flex flex-col items-center justify-center">
      <view class="w-[390rpx] h-[114rpx]">
        <up-image
          :src="titleIcon"
          width="100%"
          height="100%"
          :webp="false"
          bgColor="transparent"
        ></up-image>
      </view>
      <view class="bg-[#000] border-[4rpx] border-[#B51A26] rounded-[24rpx]">
        <slot></slot>
      </view>
    </view>
  </up-popup>
</template>

<script setup>
const props = defineProps({
  show: {
    type: Boolean,
    default: false,
  },
  titleIcon: {
    type: String,
    default: "",
  },
});
const emit = defineEmits(["close"]);
const close = () => {
  emit("close");
};
</script>

<style lang="scss" scoped></style>
